<mdc-top-app-bar fixed dense [mdcElevation]="4">
  <mdc-top-app-bar-row>
    <mdc-top-app-bar-section align="start">
      <mdc-icon mdcTopAppBarNavIcon>dashboard</mdc-icon>
      <mdc-top-app-bar-title>页面设计工具</mdc-top-app-bar-title>
    </mdc-top-app-bar-section>
    <mdc-top-app-bar-section align="end" >
      <ng-container *ngIf="isBuilder else renderer">
          <mdc-icon mdcTopAppBarActionItem (click)="render()">image</mdc-icon>
        <mdc-icon mdcTopAppBarActionItem (click)="saveAndRender()">save</mdc-icon>
        <div mdcMenuSurfaceAnchor #menuAnchor>
          <mdc-icon mdcTopAppBarActionItem (click)="navigateToBuilderForm()">add</mdc-icon>
        </div>
      </ng-container>
      
      <ng-template #renderer>
        <mdc-icon mdcTopAppBarActionItem (click)="back()">keyboard_return</mdc-icon>
      </ng-template>
    </mdc-top-app-bar-section>
  </mdc-top-app-bar-row>
</mdc-top-app-bar>

<mdc-drawer-app-content class="drawer-app-content mdc-top-app-bar--dense-fixed-adjust">
  <router-outlet></router-outlet>
</mdc-drawer-app-content>
